*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f0f0;--card:#fff;--text:#000;--accent:#94f7c4;--cta:#ff4d4d;--border:3px solid #000;--shadow:5px 5px 0 0 #000}body{font-family:'Space Grotesk',sans-serif;background-color:var(--bg);background-image:radial-gradient(#000 1px,transparent 1px);background-size:20px 20px;color:var(--text);height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}nav{position:absolute;top:0;left:0;width:100%;padding:clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:flex-start;z-index:10}nav img{height:clamp(40px,8vw,60px);width:auto;border:2px solid #000;background:#fff;padding:5px;box-shadow:3px 3px 0 #000}main{background:var(--card);border:var(--border);box-shadow:var(--shadow);padding:clamp(1.5rem,5vw,3rem);max-width:800px;width:90%;text-align:center;position:relative;display:flex;flex-direction:column;gap:clamp(1rem,3vh,2rem);z-index:5}.badge{background:var(--accent);color:#000;font-weight:700;text-transform:uppercase;border:2px solid #000;padding:.5rem 1rem;align-self:center;box-shadow:3px 3px 0 #000;font-size:clamp(0.8rem,2vw,1rem);transform:rotate(-2deg)}h1{font-weight:700;font-size:clamp(1.8rem,5vw,3.5rem);line-height:1;text-transform:uppercase;letter-spacing:-1px}p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.4;max-width:600px;margin:0 auto}a.btn{display:inline-block;background:var(--cta);color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:clamp(1.2rem,3vw,1.5rem);padding:clamp(1rem,3vh,1.2rem) clamp(2rem,5vw,3rem);border:var(--border);box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s;cursor:pointer}a.btn:hover,a.btn:focus{transform:translate(2px,2px);box-shadow:3px 3px 0 #000;outline:none}a.btn:active{transform:translate(5px,5px);box-shadow:none}#cookie-banner{position:fixed;bottom:0;left:0;width:100%;background:var(--accent);border-top:var(--border);padding:1rem;display:none;align-items:center;justify-content:space-between;gap:1rem;z-index:100}#cookie-banner p{font-size:.9rem;font-weight:700;margin:0;text-align:left}#cookie-banner button{background:#000;color:#fff;border:none;padding:.5rem 1.5rem;font-family:inherit;font-weight:700;cursor:pointer;text-transform:uppercase}#cookie-banner button:hover{background:#333}@media(max-width:600px){main{width:95%;padding:1.5rem}h1{font-size:clamp(1.8rem,8vw,2.5rem)}}